/* eslint-disable */
<template> 
  <div class="editCourse">
    <div class=" position-absolute left right overflow-auto p-4" style="top: 65px; bottom: 65px;">
        <el-form ref="form" :model="form" label-width="90px" class="pr-3">

            <!-- <el-form-item label="选择模式" class="mb-2">
                <el-select v-model="form.mode" placeholder="请选择模式" class="w-100">
                    <el-option label="授课模式" value="01"></el-option>
                    <el-option label="会议模式" value="02"></el-option>
                </el-select>
            </el-form-item> -->

            <el-form-item label="课程名称" class="mb-2">
                <el-input v-model="form.name"></el-input>
            </el-form-item>

            <el-form-item label="课程概要" class="mb-2">
                <el-input type="textarea" v-model="form.desc"></el-input>
            </el-form-item>

            <el-form-item label="封面图" class="mb-2 pt-2 ">
                <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/"
                    :show-file-list="false">
                    <img v-if="imageUrl" :src="imageUrl" class="avatar w-100">
                    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                </el-upload>
            </el-form-item>

            <!-- <el-form-item label="项目" class="mb-2">
                <el-select v-model="form.project" placeholder="请选择项目" class="w-100">
                    <el-option label="语文" value="01"></el-option>
                    <el-option label="数学" value="02"></el-option>
                </el-select>
            </el-form-item> -->

            <el-form-item label="讲师" class="mb-2" >
                <el-select v-model="form.lecturer" disabled placeholder="请选择讲师" class="w-100">
                    <el-option label="王小萌"" value=" 01"></el-option>
                    <el-option label="李敏" value="02"></el-option>
                </el-select>
            </el-form-item>

            <el-form-item label="助教" class="mb-2">
                <el-select v-model="form.teachingAssistant" placeholder="请选择助教老师" class="w-100">
                    <el-option label="王丹丹" value="01"></el-option>
                    <el-option label="李明明" value="02"></el-option>
                </el-select>
            </el-form-item>


            <!-- <el-form-item label="选择班级" class="mb-2">
                <el-select v-model="form.classvalue" multiple filterable allow-create default-first-option
                    placeholder="请选择班级" class="w-100">
                    <el-option v-for="item in classoptions" :key="item.value" :label="item.label"
                        :value="item.value">
                    </el-option>
                </el-select>
            </el-form-item> -->

            <!-- <el-form-item label="系列课程" class="mb-2">
                <p class="pt-1 mb-0">
                    <el-switch v-model="value5" active-color="#13ce66" inactive-color="#cccccc">
                    </el-switch> 
                </p> 
            </el-form-item> -->

            <!-- <el-form-item label="上课时间" class="mb-2">
                
                <el-date-picker
                v-model="value1"
                type="datetimerange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                class="w-100">
              </el-date-picker>
            
        </el-form-item>
  -->

            <!-- <el-form-item label="是否回看" class="mb-2">
                <p class="pt-1 mb-0">
                    <el-switch v-model="value4" active-color="#13ce66" inactive-color="#cccccc">
                    </el-switch> 
                </p> 
            </el-form-item> -->

            <!-- <el-form-item label="需要密码" class="mb-2">
                <p class="pt-1 mb-0">
                    <el-switch v-model="value3" active-color="#13ce66" inactive-color="#cccccc">
                    </el-switch> 
                </p> 
            </el-form-item>

            <el-form-item label="登录密码" class="mb-2">
                <el-input v-model="form.pasw"></el-input>
            </el-form-item> -->

            <el-form-item label="参课方" class="mb-2 text-right">
                <el-switch v-model="value1" active-text="选择班级" inactive-color="#409EFF" inactive-text="多选学生">
                </el-switch>
              </el-form-item>
    
              <el-form-item label="选择班级" class="mb-2">
                <el-select v-model="form.class_user" multiple placeholder="请选择" class="w-100">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="选择学生" class="mb-2">
                <el-select v-model="studentvalue" multiple filterable remote reserve-keyword placeholder="请输入学生姓名"
                  :remote-method="remoteMethod" :loading="loading" class="w-100">
                  <el-option v-for="item in options1" :key="item.studentvalue" :label="item.studentvalue"
                    :value="item.studentvalue">
                  </el-option>
                </el-select>
              </el-form-item>
    
              <el-form-item label="课程类型" class="mb-2 text-right">
                <el-switch v-model="value22" active-text="单一课程" inactive-color="#409EFF" inactive-text="系列课">
                </el-switch>
              </el-form-item>
    
              <el-form-item label="上课时间" class="mb-1">
                <el-date-picker v-model="valuedata" class="w-100" type="datetimerange" range-separator="至"
                  start-placeholder="开始日期" end-placeholder="结束日期">
                </el-date-picker>
              </el-form-item>
              <el-form-item label="" class=" ">
                <el-button class="w-100 border-dashed py-2"><span class="h4 iconfont lwplus_thread"></span></el-button>
              </el-form-item>
    
              <el-form-item label="进入模式" class="mb-2">
                <el-select v-model="form.enter_mode" placeholder="请选择模式" class="w-100">
                  <el-option label="主持人模式" value="shanghai"></el-option>
                  <el-option label="语音激励模式" value="beijing"></el-option>
                </el-select>
              </el-form-item>
    
    
              <el-form-item label="回看">
                <el-switch v-model="form.delivery"></el-switch>
              </el-form-item>

        </el-form>
    </div>
    <div class="position-absolute left right bottom pb-3 px-4 ">
        <el-button class="w-100" type="primary">提交</el-button>
    </div>
    
  </div>
</template>

<script>
    export default {
        name: 'EditCourse',
        data() {
            return {
                value1: [new Date(2000, 10, 10, 10, 10), new Date(2000, 10, 11, 10, 10)],
                value3: false,
                value4: false,
                value5: false,
                imageUrl: '', // 上传头像图片
                classoptions: [{
                    value: '小草班',
                    label: '小草班'
                }, {
                    value: '菠萝班',
                    label: '菠萝班'
                }, {
                    value: '小苹果班',
                    label: '小苹果班'
                }],

                form: {
                    name: '',
                    mode: '',
                    project: '',
                    lecturer: '王小萌',
                    teachingAssistant: '',
                    classvalue: [],
                    delivery: false,
                    type: [],
                    pasw: '',
                    desc: ''
                },
                formLabelWidth: '90px',
            }
        }

    }
</script>

<style>

</style>